import { ReactNode } from 'react';
import { createContext } from 'use-context-selector';

type FusionContextType = {
  deleteCollect: boolean;
  setDeleteCollect: (value: boolean) => void;
};

export const FusionContext = createContext<FusionContextType>({
  deleteCollect: false,
  setDeleteCollect: () => {},
});

const FusionContextProvider = ({ children }: { children: ReactNode }) => {
  const contextValue: FusionContextType = {
    deleteCollect: false,
    setDeleteCollect: () => {},
  };

  return <FusionContext.Provider value={contextValue}>{children}</FusionContext.Provider>;
};

export default FusionContextProvider;
